//var map=localStorage.getItem("map");
//var guanka=localStorage.getItem("guanka");
//var guankaid=localStorage.getItem("guankaid");
//var guankaqian=localStorage.getItem("guankaqian");
//var uname=localStorage.getItem("uname");
var coin=playxinxi.guankaqian;
function Bike(part,birimg,biimg,beimg){
    this.part=part;
    this.birimg=birimg;
    this.biimg=biimg;
    this.speed=0;//防止误操作
    this.setSpeed=function(speed){
        this.speed=speed;
    }
    //往前进
    this.moveAhead = function(){
        var left=this.$renmain.css('left');
		this.$renmain.css('left',(parseInt(left.substring(0,left.length-2))+this.speed)+"px");
    };
    //上下移动
    this.moveTop=function(op){
        var top=this.$renmain.css('top');
		this.$renmain.css('top',(parseInt(top.substring(0,top.length-2))+op)+"px");
    };
    //获取到车的距离
    this.getLeft = function(){
        var left=this.$renmain.css('left');
        return parseInt(left.substring(0,left.length-2));
    }
    this.setPosition=function(x,y){
        this.$renmain.css({"top":y+"px","left":x+"px"})
    };

    this.$renmain=$("<div id='renmain'></div>");
    var $ren=$("<div class='biker'></div>");
    $ren.css("background","url("+birimg+")");
    var $motuo=$("<div class='bike'></div>");
    $motuo.css("background-image","url("+biimg+")");
    var $luntai1=$("<div class='lwhell'></div>");
    $luntai1.css("background-image","url("+beimg+")");
    var $luntai2=$("<div class='rwhell'></div>");
    $luntai2.css("background-image","url("+beimg+")");


	this.$renmain.append($ren);
	this.$renmain.append($motuo);
	this.$renmain.append($luntai1);
	this.$renmain.append($luntai2);
    this.part.append(this.$renmain);


}
//计算距离
function FarCtrl(part,maxfar){
        var $runfar=$("<button class='runfar'></button>");
        part.append($runfar);
        this.setfar=function(lef){
          $runfar.html("已走路程："+lef+"<br>剩余路程："+parseInt(maxfar-lef));
        }
    } 
//计算时间
function TimeCtrl(part){
    var time;
	    var self=this;
	    var i=0;
        this.$runtime=$("<button class='runtime'>时间："+i+"</button>");
        part.append(this.$runtime);        
        this.settime=function(){ 
          time=window.setInterval(function(){
          	i=i+1;
            self.$runtime.html("时间："+i);
          },1000);
      }
        this.pausetime=function(){
            clearInterval(time);
        }
        this.stoptime=function(){
            clearInterval(time);
            i=0;
            self.$runtime.html("时间："+0);
        }
    }
var mc=3;//当前名次
//游戏开始
function PlayScene(){
	        
			var i=0;
			var self=this;
			this.$me = $("<div class='scene'></div>");
			this.$ditu=$("<div id='ditu' style='background: url("+playxinxi.map+") repeat;'></div>");
			this.$me.append(this.$ditu);
			this.$start=$("<button id='start' class='timebut' style='left:250px;background-image:url(images/gobj.png)'></button>");
			this.$pause=$("<button id='pause' class='timebut' style='left:360px;background-image:url(images/pausebj.png)'></button>");
			this.$stop =$("<button id='stop'  class='timebut' style='left:470px;background-image:url(images/stopbj.png)'></button>");
			this.$guanka =$("<button class='guanka'>"+playxinxi.guanka+"</button>");
			
			this.$suduji=$("<div class='suduji'></div>");
			this.$sudujiji=$("<div class='sudujiji'></div>");
			
			this.$me.append(this.$start);
			this.$me.append(this.$pause);
			this.$me.append(this.$stop);
			
			this.$me.append(this.$guanka);
			
			this.$me.append(this.$suduji);
			this.$me.append(this.$sudujiji);
			//创建车手
			var bik1=new Bike(this.$ditu,"images/biker1.png","images/bike11.png","images/lun1.png");
			var bik2=new Bike(this.$ditu,"images/biker2.png","images/bike22.png","images/lun2.png");
			var bik3=new Bike(this.$ditu,"images/biker3.png","images/bike33.png","images/lun3.png");
			// 设置初始位置
			bik1.setPosition(0,280);
			bik2.setPosition(0,252);
			bik3.setPosition(0,245);
			//摇杆控件
			var ctrlbar = new CtrlBar(this.$me);//定义圆相对于哪个位置
			ctrlbar.setPosition(700, 150);
			ctrlbar.larrad = 30;//大圆半径
			ctrlbar.smlrad = 10;//小圆半径
			ctrlbar.reflush();
			ctrlbar.bind("beginsw", function(){
			});
			//摇杆速度计
			ctrlbar.bind("swing", function(evt, x, y){
				bik1.setSpeed(parseInt((x)/2));
				self.$sudujiji.css("width",parseInt(x)*19+"px");
				bik1.moveTop(parseInt((y)/2));
			});
			//摇杆上下
			ctrlbar.bind("fang", function(evt, x, y){
				console.log(2);
				bik1.setSpeed(parseInt((x)/2));
				console.log(x);
				self.$sudujiji.css("width",parseInt(x)*19+"px");

			});
			//显示距离
			var farctrl = new FarCtrl(self.$me,3000);
			farctrl.setfar(0);
			//显示时间
			self.timectrl = new TimeCtrl(self.$me);
			//显示时间
			self.timectrl.settime();
	        //显示轮胎转动
			this.Luntai=function(){
				bik1.$renmain.find(".lwhell").css("webkitAnimation", "show .5s linear infinite");
				bik1.$renmain.find(".rwhell").css("webkitAnimation", "show .5s linear infinite");
				bik2.$renmain.find(".lwhell").css("webkitAnimation", "show .5s linear infinite");
				bik2.$renmain.find(".rwhell").css("webkitAnimation", "show .5s linear infinite");
				bik3.$renmain.find(".lwhell").css("webkitAnimation", "show .5s linear infinite");
				bik3.$renmain.find(".rwhell").css("webkitAnimation", "show .5s linear infinite");
			}
			//显示金币
			var $qian=$("<button class='coin_c imgcenter' style=''>&nbsp;&nbsp;"+playxinxi.guankaqian+"</button>");
            this.$me.append($qian);
			//var bikes = [bik1, bik2, bik3];
			//开始运动
			var gotime=window.setInterval(function () {
				//for (var i = 0; i < bikes.length; i++) {
					bik1.moveAhead();
					bik2.moveAhead();
					bik3.moveAhead();
					self.lef1 = bik1.getLeft();
					self.lef2 = bik2.getLeft();
					self.lef3 = bik3.getLeft();
					//名次
					if(self.lef1>self.lef2 && self.lef1>self.lef3){
						mc=1;
					}
					if(self.lef1>self.lef3 && self.lef1<self.lef2){
						mc=2;
					}
					if(self.lef1>self.lef2 && self.lef1<self.lef3){
						mc=2;
					}
					if(self.lef1<self.lef2 && self.lef1<self.lef3){
						mc=3;
					}
					//显示名次
                    self.$mcbj =$("<button class='mcbj'>"+mc+"</button>");
                    self.$me.append(self.$mcbj);
					farctrl.setfar(self.lef1);//显示距离
					if (self.lef1 > 300) {
						self.$ditu.css('left', -(self.lef1 - 300) + "px");
						if (self.lef1>3000 || self.lef2>3000 || self.lef3>3000) {
							window.clearInterval(gotime);
							self.timectrl.pausetime();
							director.runScene(new OverScene());
							self.$ditu.css('left', -(self.lef1 - 300) + "px");
						}
					}
//					if(self.ifCollided(bik1.$renmain[0])){
//						
//						console.log("碰撞了");
//						if(self.obtype==1){
//						//碰到金币做的动作
//							for(var i=0;i<$(".coin").length;i++){
//								if($(".coin").eq(i).position().left==self.colid*60 && $(".coin").eq(i).position().top==self.rowid*60){
//									$(".coin").eq(i).hide();
//									console.log("金币");
//									var coin=parseInt(coin+1);
//									$qian.html(""+coin+"");
//								}
//							}
//							for(var i=0;i<$(".water").length;i++){
//							if($(".water").eq(i).position().left==self.colid*60 && $(".water").eq(i).position().top==self.rowid*60){
//								console.log("water");
//								bik1.setSpeed(0);
//							    }
//						    } 
//						}
//					}
				//}
			}, 40);

            
	        //开始按钮
	        this.$start.click(function(){
				//显示时间
				self.Luntai();
				self.timectrl.pausetime();
				self.timectrl.settime();
				$(".lwhell").css("webkitAnimation", "show .5s linear infinite");
				$(".rwhell").css("webkitAnimation", "show .5s linear infinite");
				bik1.setSpeed(0);
				bik2.setSpeed(3);
				bik3.setSpeed(4);
			});
			//暂停计时
			this.$pause.click(function(){
				$(".lwhell").css("-webkit-animation","");
				$(".rwhell").css("-webkit-animation","");
				bik1.setSpeed(0);
				bik2.setSpeed(0);
				bik3.setSpeed(0);
				self.timectrl.pausetime();
			});
			//重新开始
			this.$stop.click(function(){
				$(".lwhell").css("-webkit-animation","");
				$(".rwhell").css("-webkit-animation","");
				bik1.setSpeed(0);
				bik2.setSpeed(0);
				bik3.setSpeed(0);
				bik1.setPosition(0,280);
				bik2.setPosition(0,252);
				bik3.setPosition(0,245);
				self.$ditu.css('left',"0px");
				self.timectrl.stoptime();
			});
}
			/*生成地图数组*/
//	this.mapArr=new Array();
//	for(var i=0;i<10;i++){
//		this.mapArr[i]=new Array();
//		for(var j=0;j<parseInt(3000/60);j++){
//			this.mapArr[i][j]=0;	
//		}	
//	}
//			/*生成障碍物*/
//
//	this.creatRad=function(under,over){
//	    return 	parseInt(Math.random()*(over-under+1) + under)	
//	}
//	this.obtype=0;
//	this.rowid;
//	this.colid;	
//	this.createObstacle=function(){
		/*var row=4;var col=4;
		this.mapArr[row][col]=1;					
		var coin=new Coin();
		this.$ditu.append(coin.$ditu);
		coin.setPos(col*60,row*60);*/
//		for(var i=0;i<5;i++){
//			var row=this.creatRad(6,9);
//			//console.log(row);
//			var col=this.creatRad(9,41);
//			if(this.mapArr[row][col]==0 && this.mapArr[row][col+1]==0 && this.mapArr[row][col+2]==0 && this.mapArr[row][col+3]==0 && this.mapArr[row][col+4]==0 ){
//				for(var j=0;j<5;j++){
//					this.mapArr[row][col+j]=2;					
//				}
//				var water=new Water();
//				this.$ditu.append(water.$me);
//				water.setPos(col*60,row*60);	/**调整地图中的位30**/			
//			}else{
//				i--;
//			}
//		}
//		
//		for(var i=0;i<5;i++){
//			var row=this.creatRad(6,9);
//			var col=this.creatRad(9,41);
//			if(this.mapArr[row][col]==0){
//				this.mapArr[row][col]=1;					
//				var coin=new Coin();
//				this.$ditu.append(coin.$me);
//				coin.setPos(col*60,row*60);		
//			}else{
//				i--;
//			}			
//		}
//		for(var i=0;i<3;i++){
//			var row=this.creatRad(6,9);
//			var col=this.creatRad(9,41);
//			if(this.mapArr[row][col]==0){
//				this.mapArr[row][col]=3;					
//				var mosha=new Mosha();
//				this.$ditu.append(mosha.$me);
//				mosha.setPos(col*60,row*60);		
//			}else{
//				i--;
//			}			
//		}
//	}
//
//	this.createObstacle();
///******************************碰撞检测*******************************************/	
//	/*获取dom节点的最终样式*/
//	this.getDefaultStyle=function (obj, attribute) {  
//        return parseInt(obj.currentStyle ? obj.currentStyle[attribute] : document.defaultView.getComputedStyle(obj, false)[attribute]);  
//    }
//	/*判断是否碰撞*/
//	var TILE_S=60;
//	this.ifCollided = function(obj) {  
//        var o = {  
//            x: this.getDefaultStyle(obj, 'left')+10,  
//            y: this.getDefaultStyle(obj, 'top')+90,  
//            w: this.getDefaultStyle(obj, 'width')-10,  
//            h: 20,
//        } 
//        //console.log(o);
//        var ltx = o.x;
//        var lty = o.y;
//
//        var rtx = o.x+o.w;
//        var rty = o.y;

//        var lbx = o.x;
//        var lby = o.y+o.h;
//
//        var rbx = o.x+o.w;
//        var rby = o.y+o.h;
//		
//		var mtx=o.x+o.w/2;
//		var mty=o.y;
//		
//		var mbx=o.x+o.w/2;
//		var mby=o.y+o.h;
//
//        var lttxi = Math.floor(rtx/TILE_S);
//        var lttyi = Math.floor(rty/TILE_S);
//        //console.log(lttyi);
//        if(this.mapArr[lttyi][lttxi]){
//			this.obtype=this.mapArr[lttyi][lttxi];
//			this.rowid=lttyi;
//			this.colid=lttxi;
//        	return true;
//        }
//
//        var lbtxi = Math.floor(lbx/TILE_S);
//        var lbtyi = Math.floor(lby/TILE_S);
//        if(this.mapArr[lbtyi][lbtxi]){
//			this.obtype=this.mapArr[lbtyi][lbtxi];
//			this.rowid=lbtyi;
//			this.colid=lbtxi;
//        	return true;
//        }
//
//        var rttxi = Math.floor(rtx/TILE_S);
//        var rttyi = Math.floor(rty/TILE_S);
//        if(this.mapArr[rttyi][rttxi]){
//			this.obtype=this.mapArr[rttyi][rttxi];
//			this.rowid=rttyi;
//			this.colid=rttxi;
//        	return true;
//        }
//
//        var rbtxi = Math.floor(rbx/TILE_S);
//        var rbtyi = Math.floor(rby/TILE_S);
//        if(this.mapArr[rbtyi][rbtxi]){
//			this.obtype=this.mapArr[rbtyi][rbtxi];
//			this.rowid=rbtyi;
//			this.colid=rbtxi;
//        	return true;
//        }
//		
//		var mttxi = Math.floor(mtx/TILE_S);
//        var mttyi = Math.floor(mty/TILE_S);
//		//console.log( mttxi);//第几列
//        if(this.mapArr[mttyi][mttxi]){
//			this.obtype=this.mapArr[mttyi][mttxi];
//			this.rowid=mttyi;
//			this.colid=mttxi;
//        	return true;
//        }
//		
//		var mbtxi = Math.floor(mbx/TILE_S);
//        var mbtyi = Math.floor(mby/TILE_S);
//        if(this.mapArr[mbtyi][mbtxi]){
//			this.obtype=this.mapArr[mbtyi][mbtxi];
//			this.rowid=mbtyi;
//			this.colid=mbtxi;
//        	return true;
//        }
//
//        return false;
//    } 
//}
///*************************************************************************/
///********************障碍物*************************/
//function Water(){
//	this.$me=$("<div class='water imgcenter'></div>");	
//	this.setPos=function(l,t){
//		this.$me.css({
//			left:l+"px",
//			top:t+"px"	
//		})
//	}
//}
//function Coin(){
//	this.$me=$("<div class='coin imgcenter'></div>");	
//	this.setPos=function(l,t){
//		this.$me.css({
//			left:l+"px",
//			top:t+"px"	
//		})
//	}
//}
//function Mosha(){
//	this.$me=$("<div class='mosha imgcenter'></div>");	
//	this.setPos=function(l,t){
//		this.$me.css({
//			left:l+"px",
//			top:t+"px"	
//		})
//	}
//}
//            
